$(function () {
  // 点击去注册的连接
  $('#link_reg').on('click', function () {
    $('.login-box').hide()
    $('.reg-box').show()
  })
  // 点击去登录的链接
  $('#link_login').on('click', function () {
    $('.login-box').show()
    $('.reg-box').hide()
  })
  // ----------------------------------------------

  // 从layui中获取form对象
  var form = layui.form
  var layer = layui.layer
  // 通过form.verift()函数自定义校验规则
  form.verify({
    //定义了一个叫做pwd的校验规则
    pwd: [
      /^[\S]{6,12}$/
      , '密码必须6到12位，且不能出现空格'
    ]
  })

  // -------------------------------------------
  // 为注册页面绑定ajax提交事件
  $('#form_reg').on('submit',function(e){
    // 1.阻止默认提交行为
    e.preventDefault();
    // 2.获取表单提交data的参数
    var username = $('#form_reg [name=username]').val()
    var password = $('#form_reg [name=password]').val()
    // console.log(username,password);
    // 3.发起ajax请求
    $.ajax({
      type:'post',
      data:{username,password},
      url:'/api/reguser',
      success:function(res){
        if(res.status != 0){
          return layer.msg(res.message);
        }
        layer.msg('注册成功');
        $('#link_login').click()
      }
    })
  })
  // --------------------------------------------------
  // 为登录表单绑定ajax提交事件
  $('#form_login').on('submit',function(e){
    e.preventDefault()
    $.ajax({
      type:'post',
      url:'/api/login',
      data:$('#form_login').serialize(),
      success:function(res){
        if(res.status != 0){
          layer.msg(res.message)
        }
        // console.log(res.token);
        // 登录成功后保存token值
        localStorage.setItem('token',res.token)
        location.href='/index.html'
      }
    })
  })
})